<f:view xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui"
	xmlns:pm="http://primefaces.org/mobile" contentType="text/html"
	renderKitId="PRIMEFACES_MOBILE">
	
	<pm:page title="#{msg['label.aplicacao.nome']}">
	
		<pm:view id="login">
			<pm:header title="#{msg['label.aplicacao.nome']}" />
			<pm:content>
				<div align="center">
					<h3>#{msg['botao.entrar']}</h3>
				</div>
				<h:form id="formLogin">
					<p:messages />
					<h:outputLabel for="login" value="#{msg['label.login.usuario']}" />
					<p:inputText value="#{loginMobileBean.login}" id="login" />
					<h:outputLabel for="password" value="#{msg['label.login.senha']}" />
					<p:inputText type="password" value="#{loginMobileBean.password}"
						id="password" />
					<h:panelGrid columns="2">
						<p:selectBooleanCheckbox value="#{loginMobileBean.manterLogado}" id="manterLogado" />
						<h:outputLabel for="manterLogado" value="#{msg['label.login.manterLogado']}" />
					</h:panelGrid>
					<p:commandButton value="Login" icon="check" label="#{msg['botao.entrar']}"
						action="#{loginMobileBean.login}" update="formLogin" />
				</h:form>
				<br />
				<p:separator />
				#{msg['label.naoPossuiConta']} <span> </span><h:link outcome="cadastro"> #{msg['botao.cadastre-se']}</h:link>				
			</pm:content>
			
		</pm:view>
		
	</pm:page>
	
</f:view>